<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../index/index.css">
    <link rel="stylesheet" href="./personal.css">
</head>
<body>
    <div id="top">
        <div class="top-top1">
        <div class="top-top">
            <div class="top-left">
                <a href="javascript:;" class="come">欢迎来到丝芙兰</a>
                <a href="#" class="i one">请登录</a>
                <a href="#" class="one">免费注册</a>
                <a href="#" class="one">手机验证码登录</a>
            </div>
            <div class="top-center top-center-text">
                <div class="top-scroll">
                <ul>
                    <li><a href="#" class="one">丝芙兰防诈骗公告</a></li>
                    <li><a href="#" class="one">丝芙兰配送公告</a></li>
                    <li><a href="#" class="one">丝芙兰正品承诺</a></li>
                    <li><a href="#" class="one">常见问题</a></li>
                </ul>
                </div>
            </div>
            <div class="top-right">
                <span class="toprights">
                    <span class="top-right-tu">
                    </span>
                    <a href="#" class="one top-right-one">我的丝芙兰</a>
                    <span class="top-right-tu2 top-angle"></span>
                    <ul class="top-right-mylist top-angle">
                        <li><a href="#" class="one">我的订单</a></li>
                    </ul>
                </span>
                <span>
                    <span class="top-right-tu3"></span>
                    <a href="#" class="one">会员俱乐部</a>
                </span>
                <span class="toprighttf">
                    <span class="top-right-tu4"></span>
                    <a href="#" class="one">手机丝芙兰 <img src="https://ssl1.sephorastatic.cn/soa/pc/images/downQR2.png" alt="" class="top-right-img"></a>
                </span>
                <span>
                    <a href="#" class="one">帮助中心</a>
                </span> 
            </div>
        </div>
    </div>
    </div>
    <!-- 搜索框====================================================== -->
    <div id="search">
        <div class="search-all">
            <div class="search-left">
                <a href="#"><img src="https://ssl1.sephorastatic.cn/soa/pc/images/sep_top_Logo.png" alt=""></a>
            </div>
            <div class="search-center">
                <div class="search-top">
                    <div class="search-input">
                        <input type="text" placeholder="小众好物品OMG种草">
                    </div>
                    <div class="search-button">搜索</div>
                </div>
                <ul class="search-list">
                    <a href="#" class="one">会员私享75折起</a>
                    <a href="#" class="one">私家划算好物</a>
                    <a href="#" class="one">经典囤货力荐</a>
                    <a href="#" class="one">炎日基础护肤</a>
                    <a href="#" class="one">人气彩香合辑</a>
                    <a href="#" class="one">小众尖货精选</a>
                </ul>
            </div>
            <div class="search-right">
                <div class="search-main">
                    <a href="#" class="search-a">
                        <em class="shopping-bag"></em>
                        购物袋
                        <span class="shopping-num">0</span>
                        件
                    </a>
                </div>
    
                <div class="search-cart">
                    <div class="search-active">
                        <em></em>
                        <span>购物车内暂时没有商品，登陆后将显示您之前加入的商品</span>
                        <a href="#">
                            <div>登录</div>
                        </a>
                    </div>
                </div>
            </div>
            <a href="javascript:void(0);" class="search-bottom">
                <img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2018/06/banner/navigation_shopping.png" alt="">
            </a>
        </div>
    </div>
    <!-- 导航====================================================== -->
    <div id="nav" >
        <div class="nav-all nav2">
            <div class="nav-left">
                <a href="javascript:;">全部商品类目</a>
                <div class="nav-list">
                </div>
            </div>
            <div class="nav-center">
                <ul class="nav-center-list">
                    <li>
                        <a href="#" class="one">畅销榜单</a>
                    </li>
                    <li>
                        <a href="#" class="one">独家发售</a>
                    </li>
                    <li>
                        <a href="#" class="one">礼物套装</a>
                    </li>
                    <li>
                        <a href="#" class="one">全部品牌</a>
                    </li>
                    <li>
                        <a href="#" class="one">预约中心</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="bodyperson">
        <div class="leftTree">
            <div class="titlepson">
                
            </div>
        </div>
    </div>
</body>
</html>